// angular
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { CKEditorModule } from 'ckeditor4-angular';
// third
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
import { library } from '@fortawesome/fontawesome-svg-core';
import { fas } from '@fortawesome/free-solid-svg-icons';
import { far } from '@fortawesome/free-regular-svg-icons';
import { fab } from '@fortawesome/free-brands-svg-icons';
library.add(fas, far, fab);
// self
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { BlogComponent } from './blog/blog.component';
import { BlogCardComponent } from './blog/component/blog-card/blog-card.component';
import { BlogDetailComponent } from './blog/component/blog-detail/blog-detail.component';
import { BlogListComponent } from './blog/component/blog-list/blog-list.component';
import { BlogSidebarComponent } from './blog/component/blog-sidebar/blog-sidebar.component';
import { HeaderComponent } from './header/header.component';
import { BlogEditComponent } from './blog/component/blog-edit/blog-edit.component';
import { BlogNewComponent } from './blog/component/blog-new/blog-new.component';



@NgModule({
  declarations: [
    AppComponent,
    HeaderComponent,
    BlogComponent,
    BlogCardComponent,
    BlogDetailComponent,
    BlogListComponent,
    BlogSidebarComponent,
    BlogEditComponent,
    BlogNewComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    AppRoutingModule,
    HttpClientModule,
    FontAwesomeModule,
    CKEditorModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
